<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.css">
    <script src="../bootstrap-5.1.3-dist/js/bootstrap.js"></script>
</head>

<body>
    <div class="clearfix my-4">
        <div class="ms-auto btn-group float-md-start">
            <button type="button" class="btn btn-primary"><i class="fa fa-plus me-1"></i>网站后台人员管理系统</button>
        </div>
        <div class="ms-auto btn-group float-md-end">
            <button type="button" class="btn btn-primary"><i class="fa fa-plus me-1"></i>新增</button>
            <button type="button" class="btn btn-warning"><i class="fa fa-times me-1"></i>删除</button>
            <button type="button" class="btn btn-info"><i class="fa fa-pencil me-1"></i>编辑</button>
            <button type="button" class="btn btn-success"><i class="fa fa-star me-1"></i>角色授权</button>
        </div>
    </div>
    <table class="table table-bordered">
        <thead class="table-success">
            <tr>
                <th><input type="checkbox"></th>
                <th>角色编号</th>
                <th>角色名称</th>
                <th>创建时间</th>
                <th>角色描述</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="checkbox"></td>
                <td>10001</td>
                <td>系统管理员</td>
                <td>2020-10-20</td>
                <td>周欣</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>10002</td>
                <td>超级会员</td>
                <td>2020-10-20</td>
                <td>刘语熙</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>10003</td>
                <td>超级会员</td>
                <td>2020-10-20</td>
                <td>方兴旺</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>10004</td>
                <td>普通会员</td>
                <td>2020-10-20</td>
                <td>林欢欢</td>
            </tr>
        </tbody>
    </table>



</body>

</html>